<!-- Header content -->

<header id="header">
	<!-- Logo -->
	<div id="header-logo">
		<a href="{pyro:url:base}"><img src="{pyro:url:base}addons/themes/ranking/css/images/logo.png" border="0" /></a>
	</div>
	<!-- End logo -->

	<!-- Top nav -->
	<div id="header-top-nav">
		<!-- Facebook zone -->
		<figure id="header-facebook">
			<h1>{pyro:helper:lang line="header"}</h1>
			<div id="facebook">
			<!--	<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>	-->
				<div id="like">
					<fb:like href="{pyro:url:base}" layout="button_count"
					show_faces="false" width="20" action="like" font="arial" colorscheme="light"
					></fb:like>
				</div>
				<div id="login">
					<fb:login-button autologoutlink="true" perms="email,user_birthday,status_update,publish_stream"></fb:login-button>
				</div>
				<div class="clrboth"></div>
				<div id="name"></div>
			</div>
		</figure>
		<!-- end facebook zone-->
		<div id="hdr-alt"><a href="{pyro:url:base}policy">ログインについて</a></div>
		<div class="clrboth"></div>

		<!-- Header navigation -->
		<nav id="header-nav">
			{pyro:navigation:links group="header" class="act" list_tag="ul"}
		</nav>
		<!-- end header navigation -->
	</div>
	<!-- end top nav -->
</header>
<!-- end header content -->
<div class="clrboth"></div>